@layout("/common/_container.html",{js:["/assets/hx/order/hxOrderOutMap/hxOrderOutMap.js"]}){

<script type="text/javascript">
    window._AMapSecurityConfig = {
        securityJsCode: "dba528dcd7d571a231a330b532a6cf61",
    };
</script>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=4fbb5ae31246fb4337678f7649c87b1b"></script>
<script src="https://a.amap.com/jsapi_demos/static/demo-center/js/demoutils.js"></script>

<div class="layui-body-header">
    <span class="layui-body-header-title">新零帮出库汇总管理</span>
</div>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
            <div class="layui-card">
                <div class="layui-card-body">
                    <div class="layui-tab layui-tab-brief" lay-filter="doTabBrief">
<!--                        <ul class="layui-tab-title">
                            <li class="layui-this">排车</li>
                        </ul>-->
                        <div class="layui-tab-content">
                            <div class="layui-tab-item layui-show">
                                <div class="layui-form toolbar">
                                    <div class="layui-form-item">
                                        <div class="layui-inline">
                                            <button id="xuanzecar" class="layui-btn layui-btn-normal icon-btn"><i class="layui-icon">&#xe716;</i>地图标点</button>
                                            <button id="clearMarket" class="layui-btn icon-btn"><i class="layui-icon">&#xe601;</i>清空标点</button>
                                        </div>
                                     <!--   <div class="layui-inline">
                                            <input id="storehouseName" class="layui-input" type="text" hidden placeholder="发货仓库名称"/>
                                        </div>-->
                                        <div class="layui-inline" style="width: 150px;">
                                            <input id="dataDt" class="layui-input" autocomplete="off" type="text" placeholder="数据日期"/>
                                        </div>
                                        <div class="layui-inline">
                                            <input id="clientName" class="layui-input" type="text" placeholder="客户名称"/>
                                        </div>
                                        <div class="layui-inline">
                                            <input id="sheng" class="layui-input" type="text" placeholder="省"/>
                                        </div>
                                        <div class="layui-inline">
                                            <input id="shi" class="layui-input" type="text" placeholder="市"/>
                                        </div>
                                        <div class="layui-inline">
                                            <input id="qu" class="layui-input" type="text" placeholder="区"/>
                                        </div>
                                        <div class="layui-inline">
                                            <button id="btnSearch" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>搜索</button>
<!--                                            <button id="pullxlboutorder" class="layui-btn icon-btn"><i class="layui-icon">&#xe601;</i>拉取新零帮出库申请单</button>-->
                                            <!--							                <button id="btnExp" class="layui-btn icon-btn"><i class="layui-icon">&#xe67d;</i>导出</button>-->
                                        </div>
                                        <!--<div class="layui-inline">
                                            <fieldset class="layui-elem-field layui-field-title" style="margin-top: 0px;">
                                                <legend>累计选择体积：<span id="volume">0</span></legend>
                                            </fieldset>
                                        </div>
                                        <div class="layui-inline">
                                            <fieldset class="layui-elem-field layui-field-title" hidden style="margin-top: 0px;">
                                                <legend>累计选择换算数量：<span id="matrixingNumber">0</span></legend>
                                            </fieldset>
                                        </div>-->
                                    </div>
                                </div>
<!--                              表格  -->
                                <div id="view-zong">
                                    <div id="view-left">
                                        <table id="orderOutcountXlbTable" lay-filter="orderOutcountXlbTable"></table>
                                    </div>
                                    <div id="view-right">
<!--                                        地图-->
                                        <div id="container"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    // 初始化地图对象，加载地图
    var map = new AMap.Map("container", {
        viewMode: '2D',
        zoom: 8,
        // center: [116.397428, 39.90923],
        resizeEnable: true
    });
</script>
<style>
    #view-zong{
        display: flex;
        flex-direction: row;
        width: 100%;
    }
    #view-left{
        width:30%;
    }
    #view-right{
        width:70%;
    }
    #container{
        width: 100%;
        height: 90%;
        overflow: hidden;
        border-radius: 10px;
    }
</style>


<script type="text/html" id="tableBar">
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">删除</a>
</script>
<script type="text/html" id="tableBar0">
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="editDetailed">拆体积</a>
</script>
@}